<template>
  <div>
    <x-header>快速登录</x-header>
    <group>
      <x-input title="手机号码：" name="mobile" placeholder="请输入手机号码" keyboard="number" is-type="china-mobile"></x-input>
      <x-input title="验证码：" placeholder="请输入验证码" class="weui_vcode">
        <x-button slot="right" type="primary" class="get-identify">发送验证码</x-button>
      </x-input>
    </group>
    <x-button style="margin-top: 15px;">登录</x-button>
    <router-link class="user-turn" to="/user/login">账号密码登录</router-link>
  </div>
</template>

<script>
import { XHeader, XInput, Group, XButton } from 'vux';

export default {
  name: '',
  components: {
    XHeader,
    XInput,
    Group,
    XButton,
  },
  methods: {
  },
  mounted() {
    this.$nextTick(() => {
    });
  },
};
</script>

<style lang="less">
.weui_vcode button.get-identify {
  margin: 5px;
  height: 34px;
  font-size: 14px;
}

.user-turn {
  color: #aaa;
  text-align: right;
  display: block;
  margin: 8px 10px;
}
</style>
